skins/vector/experiments/new-tabs.css

   1 /* new border color */
   2 #content {
   3         background-image: url(images/new-border.png);
   4 }
   5
   6 #footer {
   7         background-image: url(images/new-border.png);
   8 }
   9         body div#left-navigation,
  10         body div#right-navigation {
  11                 top:3.2em;
  12         }
  13         body div#right-navigation {
  14                 margin-top:3.2em;
  15         }
  16         body #p-search form,
  17         body #p-search input,
  18         body #simpleSearch {
  19                 margin-top:0;
  20         }
  21         body div#p-cactions {
  22                 margin-top:0;
  23         }
  24         /* Namespaces and Views */
  25         /* @noflip */
  26         div.vectorTabs {
  27                 float: left;
  28         }
  29         body div.vectorTabs {
  30                 background-image: none;
  31                 padding-left: 0;
  32         }
  33         /* @noflip */
  34         div.vectorTabs ul {
  35                 float: left;
  36         }
  37         div.vectorTabs ul {
  38                 height: 100%;
  39                 list-style: none;
  40                 background-image:none;
  41                 margin: 0;
  42                 padding: 0;
  43         }
  44         /* @noflip */
  45         div.vectorTabs ul li {
  46                 float: left;
  47         }
  48         /* OVERRIDDEN BY COMPLIANT BROWSERS */
  49         body div.vectorTabs ul li {
  50                 line-height: 1em;
  51                 display: inline-block;
  52                 height: 2em;
  53                 margin: 0 1px 0 0;
  54                 padding: 0;
  55                 background:none;
  56                 overflow:hidden;
  57                 white-space:nowrap;
  58         }
  59         /* IGNORED BY IE6 */
  60         div.vectorTabs ul > li {
  61                 display: block;
  62         }
  63         body div.vectorTabs li.selected {
  64                 background-image: none;
  65                 border:none;
  66         }
  67         /* OVERRIDDEN BY COMPLIANT BROWSERS */
  68         body div.vectorTabs li a {
  69                 border-top:1px solid #cccccc;
  70                 border-left:1px solid #cccccc;
  71                 border-right:1px solid #cccccc;
  72                 display: inline-block;
  73                 height: 1.7em;
  74                 padding-left: 0.6em;
  75                 padding-right: 0.6em;
  76                 background-image:url(images/tab-fade.png);
  77                 background-position:bottom left;
  78                 background-repeat:repeat-x;
  79                 background-color:#ffffff;
  80         }
  81         body div.vectorTabs li.new a{
  82                 background-image:url(images/tab-new-fade.png);
  83
  84         }
  85         div.vectorTabs li a,
  86         div.vectorTabs li a span {
  87                 cursor: pointer;
  88         }
  89         div.vectorTabs li a span {
  90                 font-size: 0.8em;
  91         }
  92         /* IGNORED BY IE6 */
  93         div.vectorTabs li > a {
  94                 display: block;
  95         }
  96         /* OVERRIDDEN BY COMPLIANT BROWSERS */
  97         body div.vectorTabs a span {
  98                 display: inline-block;
  99                 padding-top: 0.5em;
 100         }
 101         /* IGNORED BY IE6 */
 102         /* @noflip */
 103         div.vectorTabs a > span {
 104                 float: left;
 105                 display: block;
 106         }
 107         body div.vectorTabs li.last {
 108                 background-image: url(images/tab-last.png);
 109                 background-repeat:no-repeat;
 110                 background-position:top right;
 111                 border:none;
 112         }
 113         body div.vectorTabs li.last a {
 114                 margin-right:7px;
 115                 padding-left:0.4em;
 116                 padding-right:0;
 117                 border-left:1px solid #cccccc;
 118                 border-top:1px solid #cccccc;
 119                 border-right:none;
 120                 background-image:url(images/tab-fade.png);
 121                 background-position:top left;
 122                 background-repeat:repeat-x;
 123         }
 124         body div.vectorTabs li.first {
 125                 background-image: url(images/tab-first.png);
 126                 background-repeat:no-repeat;
 127                 background-position:top left;
 128                 border:none;
 129         }
 130         body div.vectorTabs li.first a {
 131                 margin-left:7px;
 132                 padding-left:0em;
 133                 padding-right:0.4em;
 134                 border-right:1px solid #cccccc;
 135                 border-top:1px solid #cccccc;
 136                 background-image:url(images/tab-fade.png);
 137                 background-position:top left;
 138                 background-repeat:repeat-x;
 139         }
 140
 141         div.vectorTabs li.selected a,
 142         div.vectorTabs li.selected a span,
 143         div.vectorTabs li.selected a:visited
 144         div.vectorTabs li.selected a:visited span {
 145                 color: #be5900 !important;
 146                 text-decoration: none;
 147         }
 148
 149         body div.vectorTabs li.selected a {
 150                 border-top:1px solid #6cc8f3;
 151                 border-right:1px solid #6cc8f3;
 152                 border-left:1px solid #6cc8f3;
 153                 background-color:#fff;
 154                 height:1.75em;
 155                 background-image:none;
 156         }
 157         body div.vectorTabs li.selected.first {
 158                 background-image: url(images/tab-active-first.png);
 159                 background-repeat:no-repeat;
 160                 background-position:top left;
 161         }
 162         body div.vectorTabs li.selected.first a {
 163                 margin-left:7px;
 164                 padding-right:0.6em;
 165                 padding-left:0.4em;
 166                 border-left:none;
 167         }
 168         body div.vectorTabs li.selected.last {
 169                 background-image: url(images/tab-active-last.png);
 170                 background-repeat:no-repeat;
 171                 background-position:top right;
 172         }
 173         body div.vectorTabs li.selected.last a {
 174                 margin-right:7px;
 175                 padding-left:0.6em;
 176                 padding-right:0.4em;
 177                 border-right:none;
 178         }
 179
 180         /* Variants and Actions */
 181         /* @noflip */
 182         div.vectorMenu {
 183                 background-image:url(images/tab-fade.png);
 184                 background-position:bottom left;
 185                 background-repeat:repeat-x;
 186                 border-top:1px solid #cccccc;
 187                 border-left:1px solid #cccccc;
 188                 border-right:1px solid #cccccc;
 189         }
 190         body.rtl div.vectorMenu {
 191                 direction: rtl;
 192         }
 193         /* @noflip */
 194         body #mw-head div.vectorMenu h5 {
 195                 background-image: url(../images/arrow-down-icon.png);
 196                 background-position: center center;
 197                 background-repeat: no-repeat;
 198                 padding-left: 0;
 199                 margin-left: 0px;
 200         }
 201         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 202         body div.vectorMenu h5 a {
 203                 display: inline-block;
 204                 width: 24px;
 205                 height:1.5em;
 206                 background-image: none !important;
 207
 208         }
 209         /* IGNORED BY IE6 */
 210         div.vectorMenu h5 > a {
 211                 display: block;
 212         }
 213         div.vectorMenu div.menu {
 214                 position: relative;
 215                 left:1px;
 216                 display: none;
 217                 clear: both;
 218                 text-align: left;
 219         }
 220         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 221         body.rtl div.vectorMenu div.menu {
 222                 margin-right: 24px;
 223         }
 224         /* IGNORED BY IE6 */
 225         body.rtl div.vectorMenu > div.menu {
 226                 margin-right: auto;
 227         }
 228         /* Fixes old versions of FireFox */
 229         body.rtl div.vectorMenu > div.menu,
 230         x:-moz-any-link {
 231                 margin-right: 24px;
 232         }
 233         div.vectorMenu:hover div.menu {
 234                 display: block;
 235         }
 236         div.vectorMenu ul {
 237                 position: absolute;
 238                 background-color: white;
 239                 border: solid 1px silver;
 240                 border-top-width: 0;
 241                 list-style: none;
 242                 list-style-image: none;
 243                 list-style-type: none;
 244                 padding: 0;
 245                 margin: 0;
 246                 margin-left: -1px;
 247                 text-align: left;
 248         }
 249         /* Fixes old versions of FireFox */
 250         div.vectorMenu ul,
 251         x:-moz-any-link {
 252                 min-width: 5em;
 253         }
 254         /* Returns things back to normal in modern versions of FireFox */
 255         div.vectorMenu ul,
 256         x:-moz-any-link,
 257         x:default {
 258                 min-width: 0;
 259         }
 260         div.vectorMenu li {
 261                 padding: 0;
 262                 margin: 0;
 263                 text-align: left;
 264                 line-height: 1em;
 265         }
 266         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 267         div.vectorMenu li a {
 268                 display: inline-block;
 269                 padding: 0.5em;
 270                 white-space: nowrap;
 271         }
 272         /* IGNORED BY IE6 */
 273         div.vectorMenu li > a {
 274                 display: block;
 275         }
 276         div.vectorMenu li a {
 277                 color: #0645ad;
 278                 cursor: pointer;
 279                 font-size: 0.8em;
 280         }
 281         div.vectorMenu li.selected a,
 282         div.vectorMenu li.selected a:visited {
 283                 color: #333333;
 284                 text-decoration: none;
 285         }
 286 #ca-unwatch.icon,
 287 #ca-watch.icon {
 288         background-color:#ffffff;
 289         height:1.75em !important;
 290         background-image:url(images/tab-fade.png);
 291         background-position:bottom left;
 292         background-repeat:repeat-x;
 293 }
 294 #ca-unwatch.icon a,
 295 #ca-watch.icon a {
 296         height: 1.7em !important;
 297         border-bottom:none;
 298         background-color:transparent;
 299 }
 300 #ca-watch.icon a,
 301 #ca-unwatch.icon a {
 302         background-repeat:no-repeat;
 303 }
 304 .wikiEditor-ui-tabs {
 305         border: none;
 306         height: 2.15em;
 307 }
 308 .wikiEditor-ui-buttons {
 309         height: 2.15em;
 310 }
 311 .wikiEditor-ui-tabs div {
 312         border: 1px solid silver;
 313         margin-right: 1px;
 314         height: 2.15em;
 315 }
 316 .wikiEditor-ui-tabs div a {
 317         line-height: 2.15em;
 318         background: #FFFFFF url(images/tab-fade.png) repeat-x  0 100%;
 319 }
 320 .wikiEditor-ui-tabs div.current a {
 321         background: #FFFFFF;
 322 }